<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/cart.css">
</head>

<body>
    <div id="header"></div>

    <!-- 背景 -->
    <div class="bj3">

    </div>
    <div class="bt bx">

        <p>购物车</p>
    </div>
    <div class="content_zd bx">
        <ul>
            <li><span>游戏</span></li>
            <li><span>周边</span></li>
            <li><span>虚拟物品</span></li>
        </ul>
        <div>
            <span>游戏</span>
            <span>商品类型</span>
            <span>商品价格</span>
            <span>数量</span>
            <span>操作</span>
        </div>
    </div>
    <div class="sgpg bx">
        <div>
            <div>
                <input type="checkbox" value="44" class="p1"><img src="img/cart/image5.png" alt=""><span>街霸Ⅴ</span>
            </div>
            <div>普通游戏</div>
            <div>&yen;44.00</div>
            <div id="dian">
                <i>-</i>
                <span value="44">1</span>
                <i>+</i>
            </div>
            <div class="del">删除</div>
        </div>
        <div>
            <div>
                <input type="checkbox" value="298" class="p1"><img src="img/cart/image6.png" alt=""><span>老头环</span>
            </div>
            <div>普通游戏</div>
            <div>&yen;298.00</div>
            <div id="dian">
                <i>-</i>
                <span value="298">1</span>
                <i>+</i>
            </div>
            <div class="del">删除</div>
        </div>
        <div>
            <div>
                <input type="checkbox" value="199" class="p1"><img src="img/cart/image7.png" alt=""><span>想买的</span>
            </div>
            <div>普通游戏</div>
            <div>&yen;199.00</div>
            <div id="dian">
                <i>-</i>
                <span value="199">1</span>
                <i>+</i>
            </div>
            <div class="del">删除</div>
        </div>
    </div>
    <div class="bx gn">
        <div><input type="checkbox" name="" id="qx">全选</div>
        <div> <i></i><span>总价</span> <span>&yen; <span id="zg">0.00</span> </span><button>确认</button></div>

    </div>

    <div id="footer1"></div>
    <script src="js/jquery.js"></script>
    <script src="js/cart.js"></script>
    <script>
        $("#header").load("public.html #header")
        $("#footer1").load("public.html #footer")
    </script>

</body>

</html>